<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/jquery.validator.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet">

		<link href="../plugin/userLib/css/user.css" rel="stylesheet">
		<link href="../plugin/userLib/css/userinfo.css" rel="stylesheet">
		<link href="../plugin/userLib/css/my_user.css" rel="stylesheet">
		<link href="../plugin/userLib/css/shop.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<link href="../plugin/layer/laydate/need/laydate.css" rel="stylesheet">
		<link href="../plugin/layer/laydate/skins/default/laydate.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/order_detail.css" />
		<style>
			.n-default .n-left,
			.n-default .n-right {
				margin-top: 32px!important;
			}
			
			* {
				font-size: 13px;
			}
			
			.ZZHT-order-list .order-heads td {
				padding: 15px 18px;
				border-bottom: 1px solid #fec5b1;
			}
			
			.status {
				border-left: 3px solid #666;
				line-height: 15px;
				padding-left: 10px;
			}
			
			.ZZHT-order-list .orderno {
				float: left;
				margin-right: 30px;
				width: 206px;
				text-align: left;
			}
			
			.prices {
				color: #ed5d2a;
				font-weight: 600;
			}
			
			.ZZHT-contact div {
				font-size: 13px;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>
		<div id="headerBox"></div>
		<!--<div id="nav_menu"></div>-->
		<div class="ZZHT-wrap">
			<div class="ZZHT-header" style="border-bottom: 1px solid #ffffff;">
				<div class="ZZHT-shop-nav">
					<div class="ZZHT-nav-box">
						<a href="#">
							<li class="liselect ZZHT-lfloat ZZHT-nav-boxa">商城商家</li>
						</a>
						<div class="ZZHT-clear"></div>
					</div>
				</div>
				<div class="ZZHT-clear"></div>
			</div>
			<div class="ZZHT-main">
				<div id="onLine_left"></div>
				<div class='ZZHT-content'>

					<div class="ZZHT-user-head clearfix">
						<a href="javascript:history.go(-1)" class="fl go-back"><span><<</span>&nbsp;返回</a><span class="right fr">当前位置：订单管理--订单详情</span></div>
					<div class='ZZHT-shop-content' >
						<div class="od_wrap">
							<div class="od_cont_order clearfix">
								<div class="cont_left fl">
									<div class="od_title"><span>订单编号：</span><br><b style="margin-left: 10px; font-size: 16px;">{{v.orderNo}}</b></div>
									<div class="od_status">{{v.orderStatus}}</div>
								</div>
								<div class="cont_right fl clearfix">
									<div>
										<table class='log'>
											<tr>
												<td>2018-04-18 17:40:15</td>
												<td>下单成功，等待用户支付</td>
											</tr>
											<tr>
												<td>2018-04-18 17:40:20</td>
												<td>订单已支付,下单成功</td>
											</tr>
											<tr>
												<td>2018-04-18 17:40:45</td>
												<td>商家已发货，快递号为：456</td>
											</tr>
											<tr>
												<td>2018-04-18 17:41:36</td>
												<td>用户退款原因：配送超时</td>
											</tr>
										</table>
									</div>
								</div>

							</div>
						</div>
						<!-- 订单信息 -->
						<div class=' od_wrap' style="border-top:2px solid #ffc5b1;">
							<div class="od_cont_direct clearfix">
								<div class="cont_left fl">
									<div class="od_title">
										<span>订单信息</span>
									</div>
									<div class="od_item">
										<div>支付方式：<span>{{v.payType}}</span></div>
										<div>快递公司：<span>{{v.expressId}}</span></div>
										<div>快递号：<span>{{v.expressNo}}</span></div>
										<div>买家留言：<span></span></div>
									</div>
								</div>
								<!-- 发票信息 -->
								<div class="cont_left fl ">
									<div class="od_title">
										<span>发票信息</span>
									</div>
									<div class="od_item">
										<div>是否需要发票：<span>{{v.isInvoice}}</span></div>
									</div>
								</div>
								<!-- 收货人信息 -->
								<div class="cont_left fl">
									<div class="od_title">
										<span>收货人信息</span>
									</div>
									<div class="od_item">
										<div>收货人：<span>{{v.userName}}</span></div>
										<div>收货地址：<span>{{v.userAddress}}</span></div>
										<div>联系方式：<span>{{v.userPhone}}</span></div>
									</div>
								</div>
							</div>
						</div>

						<!-- 商品信息 -->
						<div class='order-box' style="border:0px;">
							<div class='goods-head'>
								<div class='goods'>商品</div>
								<div class='price'>单价</div>
								<div class='num'>数量</div>
								<div class='t-price'>总价</div>
							</div>
							<div class='goods-item' v-for="(v,i) in tab">
								<div class='shop'>
									<p>
										{{v.shopName}} </p>
								</div>
								<div class='goods-list'>
									<div class='item clearfix'>
										<div class='goods'>
											<div class='img'>
												<a  target='_blank'>
													<img :src="imgUrl+v.goodsImg"  width='80' height='80'  />
												</a>
											</div>
											<div class='name'>{{v.goodsName}}</div>
											<!--  <div class='spec'></div> -->
										</div>
										<div class='price'>
											￥{{returnFloat(v.goodsPrice)}} </div>
										<div class='num'>{{v.goodsNum}}</div>
										<div class='t-price'>
											￥{{returnFloat(v.goodsNum)}}</div>
									</div>
								</div>
							</div>
							<div class='goods-footer'>
								<div class='goods-summary' style='text-align:right'>
									<div class='summary'>商品总金额：<span>￥{{returnFloat(v.totalMoney)}}</span></div>
									<div class='summary'>运费：<span class="ZZHT-fred">￥{{returnFloat(v.deliverMoney)}}</span></div>
									<div class='summary'>应付总金额：<span>￥{{returnFloat(v.totalMoney)}}</span></div>
									<div class='summary'>实付总金额：<span class="ZZHT-fred">￥{{returnFloat(v.realMoney)}}</span></div>
									<div>可获得积分：<span class='orderScore ZZHT-fred'>{{returnFloat(v.score)}}</span>个</div>
								</div>
							</div>
						</div>

					</div>
				</div>

			</div>
			<div style="clear:both;"></div>
			<br>
		</div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../plugin/layer/laydate/laydate.js"></script>
		<script src="../js/common.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			//获取地址栏
			function gup(name) {
				var regexS = "[\\?&]" + name + "=([^&#]*)"; //匹配name参数对   
				var regex = new RegExp(regexS);
				var results = regex.exec(window.location.href); //过滤超链接   
				if(results == null) {
					return "";
				} else {
					return results[1];
				}
			}
			var sktOrdersId = gup('sktOrdersId');
			
			$('.empty_tab').hide();
			var vm = new Vue({
				el: '.ZZHT-content',
				data: {
					v: {},
					tab: [],
					tab1: [],
				}
			});
			$.ajax({
				type: "get",
				url: SURL + "sktShops/sktOrders_load",
				async: true,
				data: {
					"sktOrdersId": 1,
					/*"sktOrdersId": sktOrdersId,*/
				},
				success: function(res) {
					//console.log(res);
					vm.v = res.entity;
				}
			});
			
			
			$.ajax({
				type: "get",
				url: SURL + "sktShops/sktOrdersGoods_load",
				async: true,
				data: {
					"sktOrdersId": 1,
					/*"sktOrdersId": sktOrdersId,*/
				},
				success: function(res) {
					//console.log(res);
					vm.tab = res.entity;
				}
			});
			
			$.ajax({
				type: "get",
				url: SURL + "sktShops/sktOrdersGoodsParameter_load",
				async: true,
				data: {
					"goodsId": 1,
					/*"sktOrdersId": sktOrdersId,*/
				},
				success: function(res) {
					console.log(res);
					vm.tab1 = res.entity;
				}
			});
			
		</script>
	</body>

</html>